.loop(@counter) when (@counter > 0) {
    .p-@{counter} {
      padding: (1px * @counter);
    }
  
    .p-t-@{counter} {
      padding-top: (1px * @counter);
    }
  
    .p-r-@{counter} {
      padding-right: (1px * @counter);
    }
  
    .p-b-@{counter} {
      padding-bottom: (1px * @counter);
    }
  
    .p-l-@{counter} {
      padding-left: (1px * @counter);
    }
  
    .m-@{counter} {
      margin: (1px * @counter);
    }
  
    .m-t-@{counter} {
      margin-top: (1px * @counter);
    }
  
    .m-r-@{counter} {
      margin-right: (1px * @counter);
    }
  
    .m-b-@{counter} {
      margin-bottom: (1px * @counter);
    }
  
    .m-l-@{counter} {
      margin-left: (1px * @counter);
    }
  
    .w@{counter} {
      width: (1px * @counter);
    }
  
    .h@{counter} {
      height: (1px * @counter);
    }
  
    .fz-@{counter} {
      font-size: (1px * @counter);
    }
  
    .l-h-@{counter} {
      line-height: (1px * @counter);
    }
  
    .loop((@counter - 1)); // 递归调用自身
  }
  
  .loop(400);
  
  .bold {
    font-weight: bold;
  }
  
  .c_e7 {
    color: #e7c39f;
  }
  
  .c_9e {
    color: #9e9b9b;
  }
  
  .c_000 {
    color: #000;
  }
  
  .c_88 {
    color: #887d73;
  }
  
  .c_5d {
    color: #5d4624;
  }
  
  .c_c3 {
    color: #c3b0a1;
  }
  
  .c_3d {
    color: #3d3028;
  }
  
  .c_616 {
    color: #616B84;
  }
  
  .c_f62 {
    color: #F63D3D;
  }
  
  .c_999 {color: #999999;}
  .bg_c_3d {
    background-color: #3d3028;
  }
  .c-fff {color: #fff;}
  .c_f6 {color: #F6E0A5;}
  .c_e6 {color: #E6E6E6;}
  .c_c4 {
    color: #c4b5a9;
  }
  
  .c_78 {
    color: #786e68;
  }
  
  .c_1a {
    color: #1a1715;
  }
  
  .c_63 {
    color: #636363;
  }
  
  .c_fa {
    color: #fa413f;
  }
  .c_192 {color: #19233c;}
  .c_4e {
    color: #4e3207;
  }
  
  .c_00C {
    color: #00C087;
  }
  
  .c_af {
    color: #afacac;
  }
  
  .c_82 {
    color: #826543;
  }
  
  .c_8b {
    color: #8B93A7;
  }
  
  .c_b2 {
    color: #b2b2b2;
  }
  .c_e5e {color: #E5ECF4;}
  .c_72 {
    color: #727272;
  }
  
  .c_c1bf {
    color: #c1bfbb;
  }
  
  .bg_c4 {
    background-color: #C4C4C4;
  }
  .c_67 {
    color: #675035;
  }
  
  .c_472 {
    color: #472b00;
  }
  
  .c_e9 {
    color: #e93323;
  }
  .c_fff {color: #fff;}
  .c_393 {
    color: #393330;
  }
  
  .c_5b {
    color: #5b3b0a;
  }
  
  .c_9c {
    color: #9c9c9c;
  }
  
  .c_ce {
    color: #cec0b3;
  }
  
  .c_33 {
    color: #33231d;
  }
  
  .b-r-5 {
    border-radius: 5px;
  }
  
  .l-h-1_5 {
    line-height: 1.5;
  }
  
  .z-0 {
    z-index: 0;
  }
  
  .z-10 {
    z-index: 10;
  }
  
  .bg_f1 {
    background-color: #f1e3d2;
  }
  .bg-ec {background-color: #ECEFF6;}
  .bg-f63_o {background-color: rgba(246,61,61,0.09);}
  .bg-fff {
    background-color: #fff;
  }
  
  .absop {
    position: absolute;
  }
  
  .bg_3e {
    background-color: #3e404a;
  }
  .b-r-4 {border-radius: 4px;}
  .b-r-6 {border-radius: 6px;}
  .shadow-c {
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.03);
  }
  .bg-625 {background-color: #625FFE;}
  .c_625 {color: #625FFE;}
  .b-r-15 {
    border-radius: 15px;
  }
  
  .width100 {
    width: 100%;
  }
  
  .height100 {
    height: 100%;
  }
  
  .ver-align {
    vertical-align: middle;
  }
  
  .flex {
    display: flex !important;
  }
  
  .view {
    display: flex !important;
    flex-direction: column;
  }
  
  .flex-row {
    flex-direction: row;
  }
  
  .flex-1 {
    flex: 1;
  }
  
  .flex-2 {
    flex: 2;
  }
  
  .m-r-j5 {
    margin-right: -0.1rem;
  }
  
  .width50 {
    width: 48%;
  }
  .f-r {float: right;}
  .clipse2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  
  .l-h-1-5 {
    line-height: 1.5;
  }
  
  .flex-wrap {
    flex-wrap: wrap;
  }
  
  .flex-1 {
    flex: 1;
  }
  
  .flex-1-50 {
    flex: 0 0 50%;
  }
  
  .text-center {
    text-align: center;
  }
  
  .text-right {
    text-align: right;
  }
  
  .text-left {
    text-align: left;
  }
  .c_f3 {color: rgba(255,255,255,0.30);}
  .justify-start {
    justify-content: flex-start;
  }
  
  .justify-end {
    justify-content: flex-end;
  }
  
  .justify-center {
    justify-content: center;
  }
  
  .justify-between {
    justify-content: space-between;
  }
  
  .justify-around {
    justify-content: space-around;
  }
  
  .text-center {
    text-align: center;
  }
  
  .text-right {
    text-align: right;
  }
  
  /*侧轴对齐方式*/
  .align-start {
    align-items: flex-start;
  }
  
  .align-end {
    align-items: flex-end;
  }
  
  .align-center {
    align-items: center;
  }
  
  .align-stretch {
    align-items: stretch;
  }
  
  .b-r-50 {
    border-radius: 50%;
  }
  
  .b-r-5 {
    border-radius: 5px;
  }
  
  .b-r-3 {
    border-radius: 3px;
  }
  
  .sal-5 {
    transform: scale(0.8);
  }
  
  .border-box {
    box-sizing: border-box;
  }
  
  .line {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  
  .rel {
    position: relative;
  }
  
  .m-auto {
    margin: 0 auto;
  }
  
  .b-block {
    display: block;
  }
  
  .bg-wrapper {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  
  .bg-contain {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }
  
  .contain-w {
    width: 960px;
  }
  input {
    outline: none;
  }
  
@media only screen and (max-width: 800px) {
    .pc-content {
        display: none !important;
    }
}
@media only screen and (min-width: 800px){
    .mobile-content {
        display: none !important;
    }
}